<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户管理</title>
    <!-- import CSS -->
    <link rel="stylesheet" href="/plugins/element-ui/index.css">
</head>
<body>
    <div id="app">
        <el-table>
            <thead>
                <th>编号</th>
                <th>姓名</th>
                <th>密码</th>
                <th>最后修改时间</th>
            </thead>
            <tbody>
                <tr v-for="user in list">
                   <td>{{user.id}}</td>
                   <td>{{user.player_xm}}</td>
                   <td>{{user.player_password}}</td>
                   <td>{{user.lastupdate_time}}</td>
                </tr>
            </tbody>
        </el-table>
    </div>

    <script type="text/javascript" src="/plugins/vue.js" ></script>
    <script type="text/javascript" src="/plugins/axios.min.js"></script>
    <script type="text/javascript" src="/plugins/element-ui/index.js"></script>
    <script>
        var app = new Vue({
            el:'#app',
            data:{
                list:[]
            }
        });

        axios.get('/user/list')
            .then(function(response){
                console.log(response.data);
                app.$data.list = response.data;
            })
            .catch(function(err){
                console.log(err);
            });
    </script>
</body>
</html>